﻿@model IEnumerable<Tesis2.Models.DatoMayor>

@{
    ViewBag.Title = "GenerarConsolidado";
    WebGrid gridSalud = new WebGrid(ViewBag.dxeSalud);
    WebGrid gridMateriales = new WebGrid(ViewBag.dxeMateriales);
    WebGrid gridCom = new WebGrid(ViewBag.dxeCom);
    WebGrid gridServicio = new WebGrid(ViewBag.dxeServicio);
}

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
        google.load("visualization", "1", {packages:["corechart"]});
        google.setOnLoadCallback(drawChart);
        function drawChart() {
            $.post('GetDataSalud', {}, function(data){
                var tdata = new google.visualization.DataTable();

                tdata.addColumn('string', 'Country');
                tdata.addColumn('number', 'Population');

                for (var i = 0; i < data.length; i++) {
                    tdata.addRow([data[i].Name, data[i].Value]);
                }

                var options = {
                    title: 'Daños a la Salud',
                    backgroundColor: '#efeeef'
                };

                var chart = new google.visualization.PieChart(document.getElementById('chart_div_salud'));
                chart.draw(tdata, options);
            });
        };
</script>

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
        google.load("visualization", "1", { packages: ["corechart"] });
        google.setOnLoadCallback(drawChart);
        function drawChart() {
            $.post('GetDataMateriales', {}, function (data) {
                var tdata = new google.visualization.DataTable();

                tdata.addColumn('string', 'Country');
                tdata.addColumn('number', 'Population');

                for (var i = 0; i < data.length; i++) {
                    tdata.addRow([data[i].Name, data[i].Value]);
                }

                var options = {
                    title: 'Daños Materiales',
                    backgroundColor: '#efeeef'
                };

                var chart = new google.visualization.PieChart(document.getElementById('chart_div_material'));
                chart.draw(tdata, options);
            });
        };
</script>

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
        google.load("visualization", "1", { packages: ["corechart"] });
        google.setOnLoadCallback(drawChart);
        function drawChart() {
            $.post('GetDataMateriales', {}, function (data) {
                var tdata = new google.visualization.DataTable();

                tdata.addColumn('string', 'Country');
                tdata.addColumn('number', 'Population');

                for (var i = 0; i < data.length; i++) {
                    tdata.addRow([data[i].Name, data[i].Value]);
                }

                var options = {
                    title: 'Daños a los Sistemas de Comunicación Pública',
                    backgroundColor: '#efeeef'
                };

                var chart = new google.visualization.PieChart(document.getElementById('chart_div_com'));
                chart.draw(tdata, options);
            });
        };
</script>

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
        google.load("visualization", "1", { packages: ["corechart"] });
        google.setOnLoadCallback(drawChart);
        function drawChart() {
            $.post('GetDataServicio', {}, function (data) {
                var tdata = new google.visualization.DataTable();

                tdata.addColumn('string', 'Country');
                tdata.addColumn('number', 'Population');

                for (var i = 0; i < data.length; i++) {
                    tdata.addRow([data[i].Name, data[i].Value]);
                }

                var options = {
                    title: 'Daños a los Servicios Básicos',
                    backgroundColor: '#efeeef'
                };

                var chart = new google.visualization.PieChart(document.getElementById('chart_div_servicio'));
                chart.draw(tdata, options);
            });
        };
</script>

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
        google.load("visualization", "1", { packages: ["corechart"] });
        google.setOnLoadCallback(drawChart);
        function drawChart() {
            $.post('GetDataDano', {}, function (data) {
                var tdata = new google.visualization.DataTable();

                tdata.addColumn('string', 'Daño');
                tdata.addColumn('number', 'Cantidad');

                for (var i = 0; i < data.length; i++) {
                    tdata.addRow([data[i].Name, data[i].Value]);
                }

                var options = {
                    title: 'Resumen de Daños',
                    backgroundColor: '#efeeef'
                };

                var chart = new google.visualization.ColumnChart(document.getElementById('chart_div_total'));
                chart.draw(tdata, options);
            });
        };
</script>


<h2>Consolidado Daños</h2>

<div id="chart_div_total" style="width: 800px; height: 300px"></div>

<h3>Salud</h3>

<div id="chart_div_salud" style="width: 800px; height: 300px"></div>

@gridSalud.GetHtml(columns: new [] {
    gridSalud.Column("EmergenciaAux.Descripcion",
                header: "Emergencia",
                format: @<span>@if(@item.EmergenciaAux != null)
                       {@item.EmergenciaAux.Descripcion }</span>),
    gridSalud.Column("DanoEmergencia.Nombre",
                header: "Daño",
                format: @<span>@if(@item.DanoEmergencia != null)
                       {@item.DanoEmergencia.Nombre }</span>),
    gridSalud.Column("Cantidad"),
    gridSalud.Column("Observaciones"),
})

<h3>Materiales</h3>

<div id="chart_div_material" style="width: 800px; height: 300px"></div>

@gridMateriales.GetHtml(columns: new [] {
    gridMateriales.Column("EmergenciaAux.Descripcion",
                header: "Emergencia",
                format: @<span>@if(@item.EmergenciaAux != null)
                       {@item.EmergenciaAux.Descripcion }</span>),
    gridMateriales.Column("DanoEmergencia.Nombre",
                header: "Daño",
                format: @<span>@if(@item.DanoEmergencia != null)
                       {@item.DanoEmergencia.Nombre }</span>),
    gridMateriales.Column("Cantidad"),
    gridMateriales.Column("Observaciones"),
})

<h3>Comunicaciones</h3>

<div id="chart_div_com" style="width: 800px; height: 300px"></div>

@gridCom.GetHtml(columns: new [] {
    gridCom.Column("EmergenciaAux.Descripcion",
                header: "Emergencia",
                format: @<span>@if(@item.EmergenciaAux != null)
                       {@item.EmergenciaAux.Descripcion }</span>),
    gridCom.Column("DanoEmergencia.Nombre",
                header: "Daño",
                format: @<span>@if(@item.DanoEmergencia != null)
                       {@item.DanoEmergencia.Nombre }</span>),
    gridCom.Column("Cantidad"),
    gridCom.Column("Observaciones"),
})

<h3>Servicios</h3>

<div id="chart_div_servicio" style="width: 800px; height: 300px"></div>

@gridServicio.GetHtml(columns: new [] {
    gridServicio.Column("EmergenciaAux.Descripcion",
                header: "Emergencia",
                format: @<span>@if(@item.EmergenciaAux != null)
                       {@item.EmergenciaAux.Descripcion }</span>),
    gridServicio.Column("DanoEmergencia.Nombre",
                header: "Daño",
                format: @<span>@if(@item.DanoEmergencia != null)
                       {@item.DanoEmergencia.Nombre }</span>),
    gridServicio.Column("Cantidad"),
    gridServicio.Column("Observaciones"),
})

<br />
<br />

@Html.ActionLink("Realizar Análisis de Necesidades", "Necesidades", new { id=0 })